<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE-edge">
        <meta name="viewport" content="width=device=width,initial-scale=1.0">
        <title>用户姓名</title>
        <style>
            *{
               padding:0;
               margin:0;
            }
            .one{
                text-align: center;
                width: 150px;
                height: 126px;
                border: 0;
                margin: auto;
            }
            .two{
                align-content: center;
                width: 150px;
                height:30px;
                border:1px #000000 solid;
                margin: 5px auto;
            }
        </style>        
    </head>
    <body>
        <div class="one">
            <img src="user.jpg">
        </div>
        <div class="two">
            <p>用户姓名:</p>
        </div>
        <div class="two">
            <p>学习进度：</p>
        </div>
        <div class="two">
            <p>兴趣爱好：</p>
        </div>
        <div class="two" >
            <p>参与的群：</p>
        </div>
    </body>
</html>